<!--
*** Created by zhumin on 2023/09/12.***
*** Description: "运动员详情页面"
-->
<template>
  <div>
    <common></common>
    <div :class="['component-style', 'detail']">
      <div class="title-info">基本信息</div>
      <div class="athlete-info">
        <div class="person_photo">
            <img src alt>
        </div>
        <div class="el-athlete">
          <el-row  class="athlete_info_item">
            <el-col :span="3">姓名</el-col>
            <el-col :span="4">***</el-col>
            <el-col :span="3">报名大项</el-col>
            <el-col :span="4">象棋</el-col>
          </el-row>
          <el-row class="athlete_info_item">
            <el-col :span="3">代表团</el-col>
            <el-col :span="4">***</el-col>
            <el-col :span="3">报名小项</el-col>
            <el-col :span="4">专业男子团体</el-col>
          </el-row>
          <el-row  class="athlete_info_item">
            <el-col :span="3">性别</el-col>
            <el-col :span="4">男</el-col>
          </el-row>
          <el-row  class="athlete_info_item">
            <el-col :span="3">身高</el-col>
            <el-col :span="4">-- cm</el-col>
          </el-row>
          <el-row  class="athlete_info_item">
            <el-col :span="3">体重</el-col>
            <el-col :span="4">-- kg</el-col>
          </el-row>
        </div>
      </div>
      <div class="title-info">参赛信息</div>
      <div class="table-data">
        <el-table :data="tableData" :row-class-name="tableRowClassName">
          <el-table-column prop="Date" label="时间" width="180px"> </el-table-column>
          <el-table-column prop="SportItemName" label="比赛名称"> </el-table-column>
          <el-table-column prop="Rank" label="名次"> </el-table-column>
          <el-table-column prop="Medal" label="奖牌"> </el-table-column>
          <el-table-column prop="Result" label="成绩"> </el-table-column>
        </el-table>
      </div>
    </div>
  </div>
</template>
<script>
import { mapState } from 'vuex'
import common from '@/components/common.vue'
import pageFooter from '@/components/pageFooter.vue'
export default {
  created() {},
  mounted() {},
  data() {
    return {
      url: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
      tableData:[{Date:'2023-09-18 10:00:00',SportItemName:'象棋',Rank:'1',Medal:'Gold',Result:'99'}]
    }
  },
  watch: {},
  computed: {
    ...mapState({})
  },
  filters: {},
  components: {
    common,
    pageFooter
  },
  methods: {

  },

}
</script>
<style scoped lang="scss">
@import '@/assets/scss/detail.scss';
</style>
